<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <script type="text/javascript" src="js/demo.js"></script>
</head>
<body>
    <div class="contain">
        <div class="top-nav-box">
            <div class="top-nav">
                <ul class="top-address left"><li>送至:北京<i class="fa fa-angle-down" aria-hidden="true"></i></li>
                    <div class="top-address-div">
                        <ul class="top-address-ul">
                            <li><a>北京</a></li><li><a>上海</a></li><li><a>天津</a></li><li><a>重庆</a></li><li><a>河北</a></li><li><a>山西</a></li><li><a>河南</a></li><li><a>辽宁</a></li><li><a>吉林</a></li><li><a>黑龙江</a></li><li><a>内蒙古</a></li><li><a>江苏</a></li><li><a>山东</a></li><li><a>安徽</a></li><li><a>浙江</a></li><li><a>福建</a></li><li><a>湖北</a></li><li><a>湖南</a></li><li><a>广东</a></li><li><a>广西</a></li><li><a>江西</a></li><li><a>四川</a></li><li><a>海南</a></li><li><a>贵州</a></li><li><a>云南</a></li><li><a>西藏</a></li><li><a>陕西</a></li><li><a>甘肃</a></li><li><a>青海</a></li><li><a>宁夏</a></li><li><a>新疆</a></li><li><a>港澳</a></li><li><a>台湾</a></li><li><a>钓鱼岛</a></li><li><a>海外</a></li>
                        </ul>
                    </div>
                </ul>
                <ul class="top-nav-list right">
                    <li class="top-nav-list-1 red list"><a href="#">你好，请登录</a></li>
                    <li class="top-nav-list-2 red list"><a href="#">免费注册</a></li><span>|</span>
                    <li class="top-nav-list-3 red list"><a href="#">我的订单</a></li><span>|</span>
                    <li class="top-nav-list-4 red list"><a href="#">我的京东<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        <div class="wodejd">
                            <ul class="wodejd-1">
                                <li><a href="#" class="wodejd-a">待处理订单</a></li>
                                <li><a href="#" class="wodejd-a">返修退换货</a></li>
                                <li><a href="#" class="wodejd-a">降价商品</a></li>
                                <li><a href="#" class="wodejd-a">消息</a></li>
                                <li><a href="#" class="wodejd-a">我的问答</a></li>
                                <li><a href="#" class="wodejd-a">我的关注</a></li>
                            </ul>
                            <ul class="wodejd-2">
                                <li><a href="#" class="wodejd-a">我的京豆</a></li>
                                <li><a href="#" class="wodejd-a">我的白条</a></li>
                                <li><a href="#" class="wodejd-a">我的优惠券</a></li>
                                <li><a href="#" class="wodejd-a">我的理财</a></li>
                            </ul>
                        </div>
                    </li><span>|</span>
                    <li class="top-nav-list-5 red list"><a href="#">京东会员</a></li><span>|</span>
                    <li class="top-nav-list-6 red list"><a href="#">企业采购</a></li><span>|</span>
                    <li class="top-nav-list-9 list"><a href="#"><i class="fa fa-mobile" aria-hidden="true"></i>手机京东<i class="fa fa-angle-down" aria-hidden="true"></i></a></li><span>|</span>
                    <li class="top-nav-list-7 list"><a href="#">客户服务<i class="fa fa-angle-down" aria-hidden="true"></i></a></li><span>|</span>
                    <li class="top-nav-list-8 list"><a href="#">网站导航<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        <div class="top-nav-list-8-div">
                            <div class="list-8-1 list-8">
                                <h3>特色主题</h3>
                                <ul><li><a href="#">品牌头条</a></li><li><a href="#">发现好货</a></li><li><a href="#">京东预售</a></li><li><a href="#">尖er货</a></li><li><a href="#">京东试用</a></li><li><a href="#">港澳售</a></li><li><a href="#">优惠券</a></li><li><a href="#">闪购</a></li><li><a href="#">京东会员</a></li><li><a href="#">秒杀</a></li><li><a href="#">定期送</a></li><li><a href="#">装机大师</a></li><li><a href="#">新奇特</a></li><li><a href="#">企业金融服务</a></li><li><a href="#">礼品购</a></li><li><a href="#">智能馆</a></li><li><a href="#">0元评测</a></li><li><a href="#">In货推荐</a></li><li><a href="#">北京老字号</a></li><li><a href="#">买什么</a></li>
                                </ul>
                            </div>
                            <div class="list-8-2 list-8">
                                <h3>行业频道</h3>
                                <ul>
                                    <li><a href="">服装城</a></li><li><a href="">家用电器</a></li><li><a href="">电脑办公</a></li><li><a href="">手机</a></li><li><a href="">美妆馆</a></li><li><a href="">食品</a></li><li><a href="">智能数码</a></li><li><a href="">母婴</a></li><li><a href="">家装城</a></li><li><a href="">运动户外</a></li><li><a href="">整车</a></li><li><a href="">图书</a></li><li><a href="">农资频道</a></li><li><a href="">京东智能</a></li><li><a href="">玩3C</a></li>
                                </ul>
                            </div>
                            <div class="list-8-3 list-8">
                                <h3>生活服务</h3>
                                <ul>
                                    <li><a href="">京东众筹</a></li><li><a href="">白条</a></li><li><a href="">京东金融APP</a></li><li><a href="">京东小金库</a></li><li><a href="">理财</a></li><li><a href="">话费</a></li><li><a href="">旅行</a></li><li><a href="">彩票</a></li><li><a href="">游戏</a></li><li><a href="">机票酒店</a></li><li><a href="">电影票</a></li><li><a href="">水电煤</a></li><li><a href="">京东到家</a></li><li><a href="">京东微联</a></li><li><a href="">京东众测</a></li>
                                </ul>
                            </div>
                            <div class="list-8-4 list-8">
                                <h3>更多精选</h3>
                                <ul>
                                    <li><a href="">京东社区</a></li><li><a href="">京东通信</a></li><li><a href="">在线读书</a></li><li><a href="">京东E卡</a></li><li><a href="">智能社区</a></li><li><a href="">游戏社区</a></li><li><a href="">京友邦</a></li><li><a href="">合作招商</a></li><li><a href="">企业采购</a></li><li><a href="">服务市场</a></li><li><a href="">乡村招募</a></li><li><a href="">校园加盟</a></li><li><a href="">办公生活馆</a></li><li><a href="">知识产权维权</a></li><li><a href="">English Site</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <!--搜索栏-->
        <div class="top-search">
            <div class="top-search-left">
                <span class="kouhao">多.快.好.省</span>
            </div>
            <div class="top-search-right">
                <div class="top-search-top">
                    <div class="search-div">
                        <input type="text" name="search" placeholder="台式电脑" class="search"><span class="search-logo1">搜索</span>
                        <ul class="dfl">
                            <li><a href="#" class="li-a-1">418耍大牌</a></li><li><a href="#">连衣裙</a></li><li><a href="#">春款单鞋</a></li><li><a href="#">家居服</a></li><li><a href="#">童装</a></li>
                        </ul>
                    </div>
                    <div class="gouwuche"><a href="#"><i class="fa fa-shopping-cart faa1"></i>我的购物车</a></div>
                </div>
                <div class="top-search-foot">
                    <div class="top-search-foot-l">
                        <span>全部商品分类<i class="fa fa-angle-down" aria-hidden="true"></i></span>
                    </div>
                    <div class="top-search-foot-r">
                        <ul>
                            <li><a href="#">首页</a></li><li><a href="#">服装城</a></li><li><a href="#">美妆馆</a></li><li><a href="#">京东超市</a></li><li><a href="#">生鲜</a></li><li><a href="#">全球购</a></li><li><a href="#">闪购</a></li><li><a href="#">拍卖</a></li><li><a href="#">金融</a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <div class="njr-nav">
            <div class="njr-nav-l">
                <ul>
                    <li>服饰内衣<i class="fa fa-angle-right" aria-hidden="true"></i></li><li>内衣<i class="fa fa-angle-right" aria-hidden="true"></i></li><li>休闲棉袜<i class="fa fa-angle-right" aria-hidden="true"></i></li><li>南极人(Nanjiren)<i class="fa fa-angle-right" aria-hidden="true"></i></li><li>南极人袜子5双装男短</li>
                </ul>
            </div>
            <div class="njr-nav-r">
                <span class="njr-nav-r-list s-1">南极人皮亚诺专卖店</span>
                <span class="njr-nav-r-list s-2">联系卖家</span>
                <span class="njr-nav-r-list s-3">JIMI</span>
                <span class="njr-nav-r-list s-4"><i class="fa fa-star" aria-hidden="true"></i>关注店铺</span>
            </div>
        </div>
        <div class="njr-js">
            <div class="njr-js-l"></div>
            <div class="njr-js-m">
                <h3>南极人袜子5双男短袜防脱运动船袜男袜子男短袜防脱运动船袜男袜子男短袜防脱运动船袜男袜子</h3>
                <div class="njr-js-m-1">
                    <span class="kuaidi">(京东快递配送 ! 放心购物)</span>
                    <a href="#">两盒减5元 加增袜子一双 点我领购物券!</a>
                </div>
                <div class="njr-js-m-2">
                    <div class="wp-1 wp">
                        <span class="sp-2">京东价</span>
                        <span class="sp-3"><i class="fa fa-jpy" aria-hidden="true"></i>29.00</span>
                        <a href="#">降价通知</a>
                    </div>
                    <div class="wp-2 wp">
                        <span class="sp-1">领券</span>
                        <img src="" alt="">
                        <img src="" alt="">
                    </div>
                    <div class="wp-3 wp">
                        <span class="sp-1">促销</span>
                        <span>赠品</span>
                        <span>(条件:购买2件及以上  赠完为止)</span>
                        <span>满减</span>
                        <span>满38.00减5.00</span>
                    </div>
                </div>
            </div>
            <div class="njr-js-r"></div>
        </div>
    </div>
</body>
</html>